$margin-S6: 24px;
$margin-S5: 20px;
$margin-S4: 16px;
$margin-S3: 10px;
$margin-S2: 8px;
$margin-S1: 4px;
$margin-S6-half: 12px;
$margin-S5-half: 10px;
$margin-S4-half: 8px;
$margin-S2-half: 4px;
$margin-S1-half: 2px;
$padding-S5: 20px;
$padding-S4: 16px;
$padding-S2: 8px;
$padding-S1: 4px;
.content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.margin-top-S6 {
  margin-top: $margin-S6 !important;
}
.margin-top-S5 {
  margin-top: $margin-S5 !important;
}
.border-radius {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.inline-block {
  display: inline-block;
}
.red {
  color: #f5222d !important;
}
.padding-S4 {
  padding: $padding-S4;
}
.margin-S4 {
  margin: $margin-S4;
}
.table {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  & > .vxe-table {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    & > .vxe-table--body-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    & > .vxe-table--fixed-right-wrapper {
      & > .vxe-table--body-wrapper {
        height: calc(100% - 55px) !important;
        top: 55px !important;
      }
    }
  }
  .vxe-body--column {
    line-height: normal !important;
  }
}
.vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper {
  width: unset;
}
.operation {
  margin-top: 24px;
  display: flex;
  .ant-btn {
    width: 96px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
  }
}

.home {
  width: 100%;
  padding-top: 100px;
  font-size: 30px;
  text-align: center;
}
.formItem {
  width: 284px;
  display: inline-block;
  .input {
    vertical-align: middle;
  }
}
.formItemSpace {
  margin-right: 20px;
}
.formItem__double {
  width: 568px;
  display: inline-block;
}
.formItem__four {
  width: 1138px;
  display: inline-block;
}
.formItem-label {
  .ant-form-item-label {
    width: 94.66px;
    display: inline-block;
  }
  .ant-form-item-control-wrapper {
    width: calc(100% - 94.66px);
    display: inline-block;
    vertical-align: top;
  }
}
.formItem_inline {
  display: inline-block;
  .ant-form-item-control-wrapper {
    display: inline-block;
    .ant-form-item-control {
      display: inline-block;
    }
  }
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.ant-calendar-picker {
  width: 100% !important;
}
.ant-select {
  width: 100% !important;
}
.form-btn {
  margin: 0 4px;
}
.form-btn:first-of-type {
  margin-left: 0;
}
.form-btn:last-of-type {
  margin-right: 0;
}
.table {
  border-radius: 6px;
  margin-top: $margin-S6;
}
.ant-form {
  .ant-row {
    margin-bottom: 5px;
  }
}

.ant-col-4 {
  width: 16.66666667% !important;
}
.ant-col-5 {
  width: 20.83333333% !important;
}
.ant-col-6 {
  width: 25% !important;
}
.ant-col-8 {
  width: 33.33333333% !important;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper,
.ant-checkbox-wrapper {
  margin-left: 0;
  margin-right: 8px;
}

.margin-bottom-S4 {
  margin-bottom: $margin-S4;
}

.upload > .ant-upload {
  width: 100%;
  height: 100%;
}
.div-wrapper {
  margin-bottom: $margin-S2;
}
// 修复vxeTable在有弹窗时消息显示不在最上层的问题
.type--message {
  z-index: 9999 !important;
}

.ant-input-disabled, .ant-checkbox-disabled + span, .ant-select-disabled, .ant-cascader-picker-disabled, .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  color: rgba(0,0,0,0.65) !important;
}
.clearfix {
  &::after {
    content: '';
    width: 0;
    height: 0;
    clear: both;
  }
}
.radio-group__lineHeight {
  .ant-radio-wrapper {
    height: 40px;
    line-height: 40px;
  }
}
.green {
  color: green !important;
}
.grey {
  color: grey;
}
.orange {
  color: rgba(255, 166, 0, 0.692);
}

.myDataTable {
  margin-top: -50px;
}
.warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.smallTable {
  .vxe-table.size--small {
    font-size: 14px;
  }
}
